<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>天市</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
      <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 banner 文件 -->
    <link rel="stylesheet" href="css/banner.css">
    <!-- 核心 nav 文件 -->
    <link rel="stylesheet" href="css/nav.css">
    <!-- 弹出框css -->
    <link rel="stylesheet" href="css/sweetalert.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css">
    
    <!--[if lt IE 9]>
        <script src="js/html5.js"></script>
        <script src="js/respond.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script> // 如果以下两个配置都用默认值，可以删除此 script 标签
       // IEDIE_HINT = '<p>自定义的提示语</p>';
       // IEDIE_IE_LINK_IN_XP = true; // 是否在 XP 系统上显示升级 IE 链接，如果网站支持 IE8，可以设为 true
    </script>
    <script src="http://wuyongzhiyong.b0.upaiyun.com/iedie/v1/script.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="top">
        <div class="menu ">
           <div class="container">
                <div class="logo">
                    <img src="images/logo.png" alt="">
                </div>
                <div id='cssmenu'>
                    <ul>
                       <li class="active"><a href='index.html'>首页</a></li>
                       <li class="has-sub">
                            <a href='javascript:;'>产品</a>
                            <ul>
                              <li><a href="product.html">数据商城</a></li>
                              <li><a href="spider.html">爬虫</a></li>
                              <li><a href="crowd.html">众包</a></li>
                            </ul>
                       </li>
       
                       <li class="has-sub ">
                          <a href='javascript:;'>解决方案</a>
                          <ul>
                              <li><a href="case.html">金融大数据解决方案</a></li>
                          </ul>
                       </li>
                       <li >
                          <a href='http://exchange.tiisi.com/' target="_blank">服务与文案</a>
                       </li>
                       <li >
                          <a href='team.html'>合作与生态</a>
                       </li>
                    </ul>
                </div>
           </div>   
        </div>
    </div>
    
    <div class="banner index-banner">
        <div id="owl-banner" class="owl-carousel">
           <div><img src="images/banner1.png" alt=""></div>
           <div><img src="images/banner1.png" alt=""></div>
        </div>
         <div class="container">
            <div class="team-banner-text">
                <h2>数据商城全网公测中</h2>
                <h4>共享经济、携手打造数据行业生态</h4>
                <a href="">查看详情</a>
            </div>
        </div>
        <div class="ad">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <a href=""> [5-20]最新数据上线</a>
                    </div>
                    <div class="col-md-3">
                        <a href=""> [5-17]datamall数据商城正式上线)</a>
                    </div>
                    <div class="col-md-3">
                        <a href=""> [5-10]cccc公告</a>
                    </div>
                    <div class="col-md-3">
                        <a href=""> 更多>></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="main-ecosystem">
            <h2><span>合作共赢打造大数据生态</span></h2>
            <div class="main-ecosystem-bg">
                <div class="container">
                    <img src="images/m1.png" alt="">
                </div>
            </div>
        </div>
        <div class="main-difficulty">
            <h2><span>成熟的解决方案帮您快速解决数据难点</span></h2>
            <div class="sove">
                <div class="container">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist" id="myTab">
                        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">电商</a></li>
                        <li role="presentation" class="tab2"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">金融</a></li>
                        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">行业</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home">
                            <div class="row">
                                <div class="tapa1">
                                    <div class="col-md-4">
                                        <img src="images/m2.png" alt="">
                                    </div>
                                    <div class="col-md-8">
                                        <h4>电商行业解决方案</h4>
                                        <p>利用阿里云弹性强、效率高、成本低等特点，帮助电商企业实现快速搭建平台、节约运维成本、应对业务高并发、强化安全防护能力等目标。同时结合阿里云领先的大数据服务能力，使客户能够灵活快捷地进行应用开发与业务落地，助力电商企业实现“云端商业，数据梦想”。</p>
                                    </div>
                                    <div class="col-md-12"><a href="">更多详情</a></div>
                                </div>
                                
                            </div> 
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile">
                            <div class="row">
                                <div class="tapa1">
                                    <div class="col-md-4">
                                        <img src="images/m2.png" alt="">
                                    </div>
                                    <div class="col-md-8">
                                        <h4>金融行业解决方案</h4>
                                        <p>利用阿里云弹性强、效率高、成本低等特点，帮助电商企业实现快速搭建平台、节约运维成本、应对业务高并发、强化安全防护能力等目标。同时结合阿里云领先的大数据服务能力，使客户能够灵活快捷地进行应用开发与业务落地，助力电商企业实现“云端商业，数据梦想”。</p>
                                    </div>
                                    <div class="col-md-12"><a href="">更多详情</a></div>
                                    
                                </div>
                                
                            </div> 
                        </div>
                        <div role="tabpanel" class="tab-pane" id="messages">
                            <div class="row">
                                <div class="tapa1">
                                    <div class="col-md-4">
                                        <img src="images/m2.png" alt="">
                                    </div>
                                    <div class="col-md-8">
                                        <h4>行业解决方案</h4>
                                        <p>利用阿里云弹性强、效率高、成本低等特点，帮助电商企业实现快速搭建平台、节约运维成本、应对业务高并发、强化安全防护能力等目标。同时结合阿里云领先的大数据服务能力，使客户能够灵活快捷地进行应用开发与业务落地，助力电商企业实现“云端商业，数据梦想”。</p>
                                    </div>
                                    <div class="col-md-12"><a href="">更多详情</a></div>
                                </div>
                                
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-teamwork">
            <h2><span>合作</span></h2>
            <div class="container ">
                <div class="row">
                    <div class="col-md-3">
                        <div class="teamwork-case">
                            <div class="tcase-img"><img src="images/t1.png" alt=""></div>  
                            <div class="title">我有技术</div>
                            <div class="intr">我有技术我有技术我有技术我有技术我有技术我有技术</div>
                            <a href="" data-toggle="modal" data-target="#myModal">我有技术</a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="teamwork-case">
                            <div class="tcase-img"><img src="images/t2.png" alt=""></div>
                            <div class="title">我有数据</div>
                            <div class="intr">我有技术我有技术我有技术我有技术我有技术我有技术</div>
                            <a href="" data-toggle="modal" data-target="#myModal">我有数据</a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="teamwork-case">
                            <div class="tcase-img"><img src="images/t3.png" alt=""></div>
                            <div class="title">我有接口</div>
                            <div class="intr">我有技术我有技术我有技术我有技术我有技术我有技术</div>
                            <a href="" data-toggle="modal" data-target="#myModal">我有接口</a>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="teamwork-case">
                            <div class="tcase-img"><img src="images/t4.png" alt=""></div>
                            <div class="title">我有其他</div>
                            <div class="intr">我有技术我有技术我有技术我有技术我有技术我有技术</div>
                            <a href="" data-toggle="modal" data-target="#myModal">我有其他</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </div>

    <div class="footer">
        <div class="container">
    
            <div class="col-md-6">
                <div class="clearfix">
                    <div class="foot-right">
                        <div class="tel">400-111-1111</div>
                        <div class="time">周一至周五 9:00 - 18:00</div>
                        <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=6118448&amp;site=qq&amp;menu=yes" target="_blank">联系在线客服</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 clearfix">
                <div class="ewm-pg clearfix">
                    <div class="left">
                        <img src="images/wx.jpg" alt="">
                        <p>微信</p>
                    </div>
                    <div class="right">
                        <img src="images/wx.jpg" alt="">
                        <p>微博</p>
                    </div>
                </div>
            </div>
            

            <div class="col-md-12">
               <div class="foot-nav">
                    <ul class="clearfix">
                        <li><a href="">网站首页</a></li>
                        <li><a href=""> | 关于我们</a></li>
                        <li><a href=""> | 广告合作</a></li>
                        <li><a href=""> | 联系我们</a></li>
                        <li><a href=""> | 隐私条款</a></li>
                        <li><a href=""> | 免费声明</a></li>
                    </ul>
               </div>
               <div class="foot-copyright">
                    CopyRight 2014-2024 凉生定制 | ICP证: 浙B1-008008
               </div>
            </div>
        </div>
    </div>
    
    <!-- 弹出框 -->
    <div class="modal fade tanchukuang" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
               <h4 class="modal-title" id="myModalLabel">填写我的数据资源信息</h4>
            </div>
            <div class="modal-body">
                <form action="" id="" method="post" onsubmit="return false;"> 
                    <div class="row">
                        <div class="col-md-3"><label for="">联系人：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="输入联系人姓名" name="nickname" class="nickname"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">联系方式：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="输入联系方式" name="phone" class="phone"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">单位名称：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="输入单位名称"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">数据描述：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="全国人口普查到2015年11月1日总计13.7349亿"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">字段清单：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="所有字段名称，用逗号隔开"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">地域覆盖：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="所有字段名称，用逗号隔开"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">人口覆盖：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="全国人口或者具体人口数量"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">起止时间：</label></div>
                        <div class="col-md-9"><input type="text" placeholder="2015.11-2016.11"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-3"><label for="">更新频次：</label></div>
                        <div class="col-md-9">
                            <ul class="clearfix">
                                <li class="clearfix">
                                    <div class="left">
                                       <input type="radio" name="radio" value="radio" id="radio-1" checked><label for="radio-1"></label>
                                    </div>
                                    <div class="right">
                                       实时
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="left">
                                       <input type="radio" name="radio" value="radio" id="radio-2" ><label for="radio-2"></label>
                                    </div>
                                    <div class="right">
                                       每天
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="left">
                                       <input type="radio" name="radio" value="radio" id="radio-3" ><label for="radio-3"></label>
                                    </div>
                                    <div class="right">
                                       每周
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="left">
                                       <input type="radio" name="radio" value="radio" id="radio-4" ><label for="radio-4"></label>
                                    </div>
                                    <div class="right">
                                       每月
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="left">
                                       <input type="radio" name="radio" value="radio" id="radio-5" ><label for="radio-5"></label>
                                    </div>
                                    <div class="right">
                                       每年
                                    </div>
                                </li>

                            </ul>
                            
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <input type="submit" class="success-tip" value="提交" >
                        </div>
                    </div>
                </form>
            </div>
        </div>
      </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/nav.js"></script>
     <!-- 轮播图banner 文件 -->
    <script src="js/banner.js"></script>
    <script src="js/sweetalert.min.js"></script>
    <script type="text/javascript">
       jQuery(function($) {
           $("#owl-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 4000,
                slideSpeed : 300,
                paginationSpeed : 400,
           });
        });

    </script>
    <script>
        $(function(){
            $(".success-tip").click(function(){
                var EmailReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则
                var PhoneReg = /^0{0,1}(13[0-9]|15[0-9]|153|156|18[7-9])[0-9]{8}$/ ; //手机正则
                var $nickname = $('.nickname');
                var $phone = $('.phone');
                if($nickname.val() == ''){
                    swal("", "姓名还没填呢,请填写姓名！", "error");
                }
                else if($phone.val() == ''){
                    swal("", "手机还没填呢... 请输入手机号！", "error");
                }
                else if(!PhoneReg.test($phone.val())){
                    swal("", "手机格式错咯... 请输入正确手机格式！", "error");
                }
                else{
                    swal("", "数据提交成功，稍后我们会联系你！", "success");
                }
            });
        });
    </script>
</body>
</html>